<template>
  <div>
    子组件
    <div>
      <!-- <button @click="msg = 'hello vue'">子按钮</button> -->
    </div>
    <button @click="fn">子按钮</button>
    <p>{{ msg }}</p>
    <p>{{ obj }}</p>
  </div>
</template>

<script>
// props是只读的，不能修改，因为这不是自己的数据，是父亲的
export default {
  props: ["msg", "obj"],
  data() {
    return {};
  },
  methods: {
    fn() {
      // eslint-disable-next-line vue/no-mutating-props
      this.obj.name = "lisi";
    },
  },
};
</script>

<style scoped></style>
